
import {
    createRouter,
    createWebHashHistory,
  } from 'vue-router'
  import Home from '../pages/home.vue'
  import About from '../pages/about.vue'
  import Full from '../pages/full.vue'
  import Rate from '../pages/rate.vue'
  import Transition from '../pages/transition.vue'
  import Vuex from '../pages/vuex.vue'
  
  const routes = [
    
    {
      path: '/vuex',
      name: 'vuex',
      component: Vuex
    },
    {
      path: '/transition',
      name: 'transition',
      component: Transition
    },
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/full',
      name: 'full',
      component: Full
    },
    {
      path: '/rate',
      name: 'rate',
      component: Rate
    }
  ]
  
  const router = createRouter({
    history: createWebHashHistory(),
    routes
  })
  
  export default router
  